<!DOCTYPE html>
<html>
<head>
<title>查看用户信息</title>
<meta charset="utf-8" >
<meta name="renderer" content="webkit">
<meta name="author" content="XYB" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="format-detection" content="telphone=no, email=no"/>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../static/css/bootstrap.min.css">
<link rel="stylesheet" href="../../static/css/init.css">
<link rel="stylesheet" href="../../static/css/common.css">
<link rel="icon" href="../../static/images/favicon.ico" type="image/x-icon">
<style>
.common-cont .infoUL{
	overflow:hidden;
	width: 22%;
}
.common-cont .infoUL li a{
	display: block;
	width:100%;
	height:60px;
	line-height: 60px;
	text-align: center;
	font-size:16px;
	color:#333;
	cursor: pointer;
}
.common-cont .infoUL li.active a,
.common-cont .infoUL li:hover a{
	background: #d7d7d7;
}
.common-cont .info-area{
	width:76%;
	min-height:450px;
	padding:10px 20px 0 20px;
}
.info-area .info-tables-l,
.info-area .info-tables-r{
	width:48%;
	border:1px solid #333;
}
.info-area .info-tables-l td{
	text-align: center;
	height:30px;
	font-size:14px;
	width:50%;
}
.info-area .info-tables-l tr{border-top:1px solid #333;}
.info-area .info-tables-l tr td:nth-child(2){border-left:1px solid #333;}
.info-area .info-tables-l tr:nth-child(odd){
	background: #fff;
}
.info-area .info-tables-l tr:nth-child(even){
	background:#d7d7d7;
}
.info-tables-r .top{
	height:60px;
	line-height: 60px;
	border-bottom:1px solid #333;
}
.info-tables-r .bot{
	height:120px;
	line-height: 120px;
}
.info-tables .infoList .items{
	margin-bottom:15px;
	overflow: hidden;
}
.info-tables .infoList .items label,
.info-tables .infoList .items .input-txt{
	display: inline-block;
	float:left;
	color:#333;
	height:32px;
}
.info-tables .infoList .items label{
	width:130px;
	line-height:32px;
	text-align: left;
	font-size:18px;
	margin-right:20px;
	text-indent: 30px;
	margin-top: 8px;
    vertical-align: text-top;
}
.info-tables .infoList .items .input-txt{
	width:300px;
	border:none;
	font-size:16px;
	text-indent: 10px;
	border-bottom:1px solid #333;

}

.c-79b{color:#79b8d4;}
</style>
</head>
<body>
    <header id="header" class="bg-000 full-x"></header>

    <div class="allwarp relative">

        <div class="main-Content">
        	<div class="common-cont mt-20 full-x rad-3">
				<ul class="infoUL float-left bg-fff">
					<li class="active"><a href="#/seeInfo?index=0">查看用户信息</a></li>
					<li><a href="#/modifyInfo?index=1">修改基本信息</a></li>
					<li><a href="#/modifyPwd?index=2">修改密码</a></li>
				</ul>
				<div class="info-area bg-fff float-right">
					<div class="title f-30 c-333 text-left bold mb-15">用户信息</div>
					<div class="info-tables" id="content">
						<!--用户基本信息-->
						<!--修改基本信息-->
						<!--修改密码-->
					</div>
				</div>
        	</div>
        </div>

    </div>
    <footer id="footer" class="full-x f-14 c-666 text-center"></footer>
</body>
<script src="../../static/js/util/jquery-1.9.1.min.js"></script>
<script src="../../static/js/util/bootstrap.min.js"></script>
<script src="../../static/js/util/template.js"></script>
<script id="template" type="text/html"></script>
<script src="../../static/js/util/route.js"></script>
<script src="../../static/js/commonJS/interface.js"></script>
<script src="../../static/js/commonJS/common.js"></script>
<script>
	spaRouters.map('/seeInfo',function(transition){
        spaRouters.asyncFun('../../static/js/user/seeInfo.js',transition)
    })

    spaRouters.map('/modifyInfo',function(transition){
        spaRouters.asyncFun('../../static/js/user/modifyInfo.js',transition)
    })

    spaRouters.map('/modifyPwd',function(transition){
        spaRouters.asyncFun('../../static/js/user/modifyPwd.js',transition)
    })

    spaRouters.init();



</script>
</html>